iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0

開發前準備(一) : 發想主題

每日一談

嗨大家好 ! 我是阿蘇
今天是 DAY3,
今天來開始進入正題,談談 Side Project 主題,
中間也會分享自己開發 Side Project 的經驗談,
希望能幫助到大家。

擬定一個適合自己的 Side Project 主題是非常重要的,
好的作品帶你上天堂,靈感源源不絕,
事先好好規劃,思考合適的主題,
讓 Side Project 開發更順暢,讓我們往下進入正題。


Side Project 選擇重要性

在擬定專題主題前,建議花2~5天去好好思考主題

Su 專題經驗談 (主題擬定)

我自己在開發時,光是主題擬定就會花許多時間,需要考慮到的點有很多,像是不要太過冷門(蒐集資料及功能擴增不方便)專題製作難易度(是否符合現在的技術)時間規劃安排(作品大小)作品共鳴性(讓大家能看懂),還有很多很多需要事先考慮的,免得做到一半花了大半時間,這時才發現無法開發整個打掉重來,這樣就太浪費時間了,所以事先的主題發想是非常重要的。

看了以上的個人分享是不是有覺得思考主題是非常重要的事呢 ? 所以我們在開發時事先就可以擬訂2~4個主題去一一篩選合適的主題篩選方式不外乎考慮自己本身技術能力、自己開發時間範圍(限制作品大小)、呈現作品完整性、蒐集資料難易度,因此在訂定主題時多考量, 避免多走一些冤枉路。


Side Project 主題發想切入點

/images/emoticon/emoticon70.gif
那要如何訂主題呢?
初次開發完全沒有靈感,不知道如何開始
切入點有以下幾個,你可以去思考有沒有合適自己的主題

/images/emoticon/emoticon34.gif
切入點
一、 Side Project 解決你的痛點
二、 Side Project 喜愛事物整合網站
三、 Side Project 時事議題跟上潮流
四、 Side Project 克隆改善網站

從簡單切入方式進行發想,再逐一篩選擬定合適主題

Su 專題經驗談 (主題確定)

我的第一個 Side Project 是製作寵物知識網Github Demo連結,因為是第一次製作所以擬定了三、四個主題,再去一一篩選合適的,後來選擇寵物知識網,因為網路上很少這樣的寵物整合知識網,常常要找相關資訊都找不太到(痛點),本身也喜歡貓狗,加上這樣的作品比較大眾,資訊也好蒐集,後來就成了我的第一個 Side Project。


一、 Side Project 解決你的痛點

在使用網站有沒有曾經覺得哪個功能很不好用哪邊使用很不順暢這家官網好難用常常找不到資訊,或是瀏覽官方資料不順,是不是聽了很有感覺很有感觸,沒錯 ! 這就是我們說的痛點及問題點解決痛點問題點改善網站,設計出你想要的網站,也是常見的 Side Project 方式,這也是很好的呈現方式,可以充分展現你的解決問題能力,透過 Side Project 讓網站更順暢,那不是很棒嗎 !

二、 Side Project 喜愛事物整合網站


有沒有特別喜愛的東西,心目中的夢幻網站,好想親手把他做出來,透過自己常接觸了解的事物整合網站,親手作出獨一無二的 Side Project,在製作時也會靈感源源不絕,不容易卡關,像是上面的個人分享,初次專案的來源就是因為自己本身喜歡動物,希望能透過專題進行整合進一步解決問題,那有沒有開始有點靈感了呢?

三、 Side Project 時事議題跟上潮流

Covid19、虛擬貨幣、今日大地震(台東6.8) 等時事議題結合的 Side Project,也是很常見的 Side Project , 而且非常具有特色及深度,不過比較要注意的事時事議題的專案難度較高,因為時事議題知名度較高,如果沒有較明確的特色及使用優點,容易陷入" 為開發而開發 ",所以在擬訂主題上需要好好思考。

四、 Side Project 克隆改善網站

有沒有常常使用的知名網站,例如: Dcard、fb、蝦皮網站、購物網站、蘋果官網等大型網站,製作很完整的前端網站,如果沒有靈感也可以從這些網站出發Clone,並試著能仿製高還原度,如果能優化調整那就更完美了,選擇上會建議選擇較知名的大型網站,也比較能有共鳴性,其次比較要注意的是,此類 Side Project 克隆而成,所以有可能個人專案上易與其他人作品相同,不過拿來磨練技術精進自己也是很不錯的。

看完以上有沒有覺得有點靈感了呢 ?
其實 Side Project 發想沒有那麼難,生活中一點一滴都是你的 Side Project,試著做做看自己的作品吧!


最後把關 確立主題

/images/emoticon/emoticon08.gif
最後當擬訂主題後,會開始逐一篩選,這時候可以上各大網站,參考蒐集各類相關網站資訊,參考版型開始規劃 UI/UX ,所以蒐集資料也是很重要的一環,在蒐集的過程也能慢慢知道自己作品的藍圖,草稿原型會慢慢在腦海成型。

可以參考的網站 :

地域別Webデザインリンク集 日本旅遊相關網站
Responsive Web Design JP RWD網站參考版型
Web Design Clip 各種顏色風格、樣式參考
Nicepage 各種顏色風格、樣式參考

其他像是 Cakeresume 履歷作品Pinterest 也是很好的靈感來源
小提醒 : 參考專題只是給自己一個靈感,但是記得不要照本宣科,有自己想法靈感才是最重要的 !!

/images/emoticon/emoticon29.gif
那今天 Side Project 就到這邊結束啦 !
明天再跟大家談談開發期程如何安排、規劃
下台一鞠躬


上一篇
Day2 - 淺談 Side Project
下一篇
Day 4 - 開發前準備(二):規劃開發期程
系列文
從零開始學 - Side Project專題開發及切版實作技巧30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言